<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>属性</title>
</head>
<body>
	<p title="这不是一个链接" >百度</p>
	<form>
		唱：<input type="checkbox" name="love" value="sing">
		跳：<input type="checkbox" name="love" value="jump">
		rap：<input type="checkbox" name="love" value="rap">
		篮球：<input type="checkbox" name="love" value="basketball">
		<input type="button" value="全选" id="sltAll" >
		<input type="button" value="取消" id="cancel">
		<input type="button" value="反选" id="reverse">
	</form>
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
		// 获取属性
		var pAttr = $('p').attr('title')
		console.log(pAttr)
		// 设置属性
		$('p').attr('title', '这是p标签')
		var pAttr = $('p').attr('title')
		console.log(pAttr)
		
		// 正反选
		$('#sltAll').click(function(){
			var inputs= $('input[name=love]')
			for(var i = 0; i <inputs.length; i++) {
				inputs.eq(i).prop('checked', true)
			}
		})
		$('#cancel').click(function(){
			var inputs= $('input[name=love]')
			for(var i = 0; i <inputs.length; i++) {
				inputs.eq(i).prop('checked', false)
			}
		})
		$('#reverse').click(function(){
			var inputs= $('input[name=love]')
			for(var i = 0; i <inputs.length; i++) {
				inputs.eq(i).prop('checked', !inputs.eq(i).prop('checked'))
			}
		})

	</script>
</body>
</html>